<style>
    .navbar {
        background-color: #069;
        border-radius: 0
    }
    
    .navbar a {
        color: #fff;
    }
    
    .navbar-nav>.dropdown>a:focus,
    .navbar-nav>.dropdown>a:hover,
    .navbar-nav>.open>a,
    .navbar-nav>.active>a {
        background-color: #eee;
        color: #069;
    }

</style>
<nav class="navbar">
    <div class="container-fluid">
        <div class="navbar-header">
            <a href="../../../" class="navbar-brand">数据管理平台</a>
        </div>

        <ul class="nav navbar-nav">
            <li class="dropdown" ng-repeat="menuGroup in pub.menu.groups">
                <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{menuGroup.name}}<span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li ng-repeat="menuItem in menuGroup.children.items"><a href="{{menuItem.url}}">{{menuItem.name}}</a></li>
                </ul>
            </li>

        </ul>

        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{pub.user.cname}}<span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="../../settings/user/">用户设置</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="../../../logout">退出登录</a></li>
                </ul>
            </li>
        </ul>
    </div>
</nav>
